Skip to main content

Tab bar

Type

widget

Summary

Tabs make it easy to explore and switch between different views.

Description

Tabs organize and allow navigation between groups of content that are related and at the same level of hierarchy.

Children Properties

Message

NameSummarySyntax
hiliteChangedSent selected tab is changed.on hiliteChanged

Property

NameSummarySyntax
itemLabelsThe labels displayed by each segmentget the itemLabels of <widget> set the itemLabels of <widget> to <labelList>
scrollingButtonsWhether the segmented widget is scrollingButtons or notget the scrollingButtons of <widget> set the scrollingButtons of <widget> to {true | false}
itemEnabledThe minimum width of each segmentget the itemEnabled of <widget> set the itemEnabled of <widget> to <numberList>
showBorderWhether the widget has a border or notget the showBorder of <widget> set the showBorder of <widget> to { true | false }
hilitedItemNameThe currently highlighted segment namesget the hilitedItemName of <widget> set the hilitedItemName of <widget> to <nameList>
itemMinExtentsThe minimum width of each segmentget the itemMinExtents of <widget> set the itemMinExtents of <widget> to <numberList>
itemIconsThe icons displayed by each segmentget the itemIcons of <widget> set the itemIcons of <widget> to <iconNames>
hilitedItemIconsThe icons displayed by each segment when highlightedget the hilitedItemIcons of <widget> set the hilitedItemIcons of <widget> to <iconNames>
itemStyleThe segment display styleget the itemStyle of <widget> set the itemStyle of <widget> to <segmentStyle>
itemNamesThe names used to identify segmentsget the itemNames of <widget> set the itemNames of <widget> to <nameList>
indicatorPositionThe segment display styleget the itemStyle of <widget> set the itemStyle of <widget> to <segmentStyle>
hilitedItemThe currently highlighted segment indicesget the hilitedItem of <widget> set the hilitedItem of <widget> to <indexList>
horizontalWhether the segmented widget is horizontal or notget the horizontal of <widget> set the horizontal of <widget> to {true | false}
hilitedItemLabelThe currently highlighted segment labelget the hilitedItemLabel of <widget> set the hilitedItemLabel of <widget> to <labelsList>
cornerRadiusThe corner radius of the widgetget the cornerRadius of <widget> set the cornerRadius of <widget> to <value>
itemCountThe number of segments shownget the itemCount of <widget> set the itemCount of <widget> to <number>
hilitedTextColorThe label or icon color for highlighted segmentsget the hilitedTextColor of <widget> set the hilitedTextColor of <widget> to <pColor>